<%-- 
    Document   : newjsp
    Created on : 08-nov-2011, 23:53:06
    Author     : Cyndi
--%>
<%@page import="pro.Servlet.listaUsuarios"%>
<%@page import="java.util.ArrayList"%>
<%@page import="pro.bean.usuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../css/principal.css" />
    <title>Linkens</title>
    
    
    <script type="text/javascript" src="../js/jquery-1.2.3.min.js"></script>
    <script type="text/javascript" src="../js/masdetalles_modal.js"></script>
    
    
    <script type="text/javascript" src="../js/tree.js"></script>
        
	<script type="text/javascript">
	
		var Tree = new Array;
		// nodeId | parentNodeId | nodeName | nodeUrl
		Tree[0]  = "1|0|Proyectos|#";
		Tree[1]	 = "2|1|Mis Proyectos|#";
		Tree[2]  = "3|1|Otros Proyectos|#";
		Tree[3]  = "4|2|Madre de Dios|#";
		Tree[4]  = "5|3|Cusco|#";
 
 
 
 
 
 	</script>
 
   <script language="JavaScript">

            function provisionarModem(){
                var idOrden = document.getElementById("idOrden").value;
                var modemElegido = cmbModems.options[cmbModems.selectedIndex].value;
                if(modemElegido == -1){
                    alert("Eliga un modem porfavor");
                }
                else{
                    url = "<%=request.getContextPath()%>/OrdenServlet?";
                    url += "accion=3";
                    url += "&" + "idOrden="     + idOrden;
                    url += "&" + "modemElegido=" + modemElegido;
                    window.location = url;
                }
            }
            function listarModems(){
                window.location = "<%=request.getContextPath()%>/OrdenServlet?accion=5";
            }
            function muestraUsuarios(idOrden){
                var div1 = document.getElementById("userDiv");
                var div2 = document.getElementById("mainDiv");
                var txtIdOrden = document.getElementsByName("idOrden")[0];
                
                if(idOrden != "0" ){
                    txtIdOrden.value = idOrden
                    div1.style.zIndex = "1";
                    div1.style.display = "";
                    div2.style.zIndex = "0";
                    div2.style.filter = "alpha(opacity=25)";
                    div2.style.opacity = ".25";
                }
                else{
                    div1.style.zIndex = "0";
                    div1.style.display = "none";
                    div2.style.zIndex = "1";
                    div2.style.filter = "";
                    div2.style.opacity = "";
                }
            }
 
           
             
                         
            function Abrir_ventana (pagina) {
                var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=630, height=250, 				top=85, left=140";
                window.open(pagina,"",opciones);
            }
            function MM_popupMsg(msg) { //v1.0
                alert(msg);
            }
        </script>       
        
        
        
        
</head>
<jsp:useBean id="listaUsuarios" scope="request" type="ArrayList<usuario>" />
<jsp:useBean id="usuario" scope="request" type="usuario" />

<body>
    
    <%HttpSession sesion = request.getSession(true);
            int idusuario = Integer.parseInt(String.format("%s", sesion.getAttribute("idusuario")));%>
                    
        <%out.print("<P>"+ "Usted esta en el proyecto numero" + sesion.getAttribute("idusuario") + "</P>");%>
        
    
<div id="main">
    <div id="cabezera">
      <div id="logo-iz"><img src="Imagenes/linkenslogo - copia.png" width="80" height="78" /></div>
      <div id="logo-der"><img src="Imagenes/linkenslogo - abajo.png" width="589" height="50" /></div>
    </div>
<div id="opciones"><ul id="menu-top_menu" class="art-menu">
    	<li><a href="../loguin.html">Salir</a></li>
        <li><a href="micuenta.html">Mi Cuenta</a></li>
        <li><a href="principal.html">Proyecto Actual</a></li>
	    <li><a href="#">Bienvenido: Leono</a></li></ul></div>
    <div id="cuerpo">
      <div id="cuerpo-izquierda">
        <div class="botton"><a href="CrearNuevo.html" class="button" >Crear Proyecto Nuevo</a></div>
        <div class="titulo">Mis Proyectos</div>
        <div class="bajo-titulo" id="arbol">	    
            <div class="tree">
            <script type="text/javascript">
            <!--
            createTree(Tree,1);  // start the tree at node nr. 1
            //-->
            </script>
           </div>
        </div>
        <div class="titulo">Detalles del Proyecto</div>
        <div class="bajo-titulo">Nombre: algo  <br /> <br />Creado por: Leono <br /> <br />Ultima actualización: 01/11/2011<br /> <br />
<a href="#" id="button1">Más detalles</a></div>
        <div class="titulo">Tú en el Proyecto</div>
        <div class="bajo-titulo">
          <p>Jefe de Proyecto
          </p>
          <p><a href="Principal_prueba.jsp" id="button2">Administrar Proyecto</a></p>
        </div>   var modemElegido = cmbModems.options[cmbModems.selectedIndex].value;
     
      </div>
      <div id="cuerpo-derecha">
      <div id="herramientas">
        <ul class="menu-herramientas">
    	<li><img src="Imagenes/antena.png" width="25" height="35" /></li>
        <li id="leyenda">Antena</li>
        <li><img src="Imagenes/repetidor.png" width="29" height="35" /></li>
        <li id="leyenda">Repetidor</li>
        <li><img src="Imagenes/enlace.png" width="111" height="35" /></li>
        <li id="leyenda">Enlace</li>
        <li><img src="Imagenes/borrar.png" width="35" height="35" /></li>
        <li id="leyenda">Borrar</li>
        <li id="pdf"><a href="#" class="buttonn">Exportar a PDF</a></li>
	    </ul>
      </div>
      <iframe width="690" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/?ie=UTF8&amp;t=p&amp;vpsrc=6&amp;ll=-8.624472,-72.905273&amp;spn=19.459726,28.520508&amp;z=5&amp;output=embed"></iframe>
      <div id="botones"><form action="" method="post" name="ejecutar"><input name="ejecutar" type="button" value="Ejecutar" />
        <label>
          <input type="submit" name="limpiar" id="limpiar" value="Limpiar" />
        </label>
        <label>
          <input type="submit" name="guardar" id="guardar" value="Guardar Avances" />
        </label>
      </form></div>      
      </div>
      
</div>
    <div id="reporte"></div>
    <div id="pie"></div>
 </div>   
        
         <div id="userDiv" style="display: none; position:absolute; top:40%; left:30%; z-index: 0; border: solid navy; padding:30px;">
            <table>
                <tr>
                    <td colspan="3">
                        <input type="hidden" name="idOrden" id="idOrden"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="width:20%">
                        <span>Usuarios a seleccionar: </span>
                    </td>
                    <td>
                        <select name="cmbUsers" id="cmbUsers" style="width:30%;">
                            <option value="-1">Seleccione</option>
                            <% for (usuario user : listaUsuarios) {%>
                            <option value="<%=user.getNombre()%>"><%=user.getApellido()%></option>
                            <% }%>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" value="Provisionar" name="btnProvisionar" id="btnProvisionar" onclick="provisionarModem();"/>
                    </td>
                    <td>
                        <input type="button" value="Cancelar" onclick="muestraModems(0)"/>
                    </td>
                </tr>
            </table>
        </div>
        
        
</body>
</html>
